{% extends "help/index.html" %} 
{% block content %}

<h2>Samples Tab</h2>
<table class="gs-nav"><tr>
  <td><a href="/help/newstab">&lt; News Tab</a></td>
  <td style="text-align: center"><a href="/help/">Index</a></td>
  <td style="text-align: right"><a href="/help/dataviewertab">Data Viewer Tab &gt;</a></td>
</tr></table>

<p>The Samples Tab will provide "cookbook"-like snippets of common OpenSocial
  functionality.  When a new feature is made available for OpenSocial, look 
  here for snippets demonstrating how to take advantage of the new
  functionality.</p>
  
<img src="http://osda.appspot.com/img/samplestab_1.png" class="center" />

<ol>
  <li value="1"><span>The samples are listed with a descriptive 
    name.</span></li>
  <li value="2"><span>The additional information in the sample's description 
    explain what the sample does, as well as when it was last 
    updated.</span></li>
  <li value="3"><span>The code present in the sample is displayed.</span></li>
  <li value="4"><span>The "Load in code tab" button will copy all the code 
    of the sample into the Code Tab, so that you can run and edit the code
    yourself.</span></li>
</ol>

<table class="gs-nav bottom"><tr>
  <td><a href="/help/newstab">&lt; News Tab</a></td>
  <td style="text-align: center"><a href="/help/">Index</a></td>
  <td style="text-align: right"><a href="/help/dataviewertab">Data Viewer Tab &gt;</a></td>
</tr></table>

{% endblock %}